/*
 * Copyright (c) 2021 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/**
 * @file: Function button component
 */

export default {
    props: {
        btnType: {
            default: '',
        },
        iconDisableUrl: {
            default: '',
        },
        iconDefaultUrl: {
            default: ''
        },
        iconActiveUrl: {
            default: ''
        },
        isDisable: {
            default: false
        },
        isActive: {
            default: false
        },
        iconText: {
            default: '',
        }
    },
    data: {},
    computed: {

        /**
         * Button group picture change control
         * @return {string} - return iconUrl
         */
        iconUrl() {
            if (this.isDisable && this.iconDisableUrl) {
                return this.iconDisableUrl;
            }
            return this.isActive && this.iconDefaultUrl ? this.iconActiveUrl : this.iconDefaultUrl;
        },

        /**
         * Button group style display
         * @return {string} - Button group style display
         */
        iconClassName() {
            if (this.isDisable) {
                return 'disable';
            }
            if (this.isActive) {
                return 'enable';
            }
            return 'default';
        }
    },

    /**
     * Click event carries parameters
     */
    btnClick() {
        this.$emit('btnHandle', this.btnType);
    }
};